<div class="blade-content __large-wide" id="blade-content">
  <div class="blade-inner">
    <div class="inner-block">
      <div class="table-wrapper">
        <table class="table">
          <thead>
            <tr>
              <th class="table-col">
                <label class="form-control __checkbox">
                        <input (click)="onAllCheack($event.target)" #allCheckRef name="allCheck"  id="allCheck" type="checkbox">
                      <span class="check"></span>
               </label>
              </th>
              <th class="table-col">序号</th>
              <!-- <th class="table-col">厂家标识</th>   -->
              <th class="table-col">厂家型号</th>
              <!-- <th class="table-col">名称</th> -->
              <th class="table-col">设备名称</th>
            </tr>
          </thead>
          <tbody>
            <tr class="table-item" [ngClass]="{'__selected': currentEntity?.modelId == item.modelId}" *ngFor="let item of models let i =index ">
              <td class="table-col">
                <label class="form-control __checkbox">
                    <input (click)="onItemCheack($event.target,item)" type="checkbox"  [checked]="allCheckRef.checked">
                      <span class="check"></span>
                </label>
              </td>
              <td class="table-col" (click)="onSeletedChange(item)">
                {{i+1}}
              </td>
              <td class="table-col" (click)="onSeletedChange(item)" fxLayout="row">
                <img class="table-t"  [src]="localhostPath+'/img/' + item?.factoryLogo" alt="" style="height:40px">
                <!-- <span class="table-t" (click)="onSeletedChange(item)" [ngStyle]="{'background': 'url('+localhostPath+'/img/' + item?.factoryLogo + ') no-repeat center',width:'100%'}">
                </span> -->
                <span  (click)="onSeletedChange(item)"> {{item.factoryName}} <br>{{item.modelName}}</span>
              </td>
              <!-- <td class="table-col" (click)="onSeletedChange(item)">
               
              </td> -->
              <!--  <td class="table-col" (click)="onSeletedChange(item)">
             
                <span class="table-t" (click)="onSeletedChange(item)"> {{item.modelName}}</span>
              </td> -->
              <td class="table-col" (click)="onSeletedChange(item)">
                <span  (click)="onSeletedChange(item)"> {{item.deviceCategoryName}}</span>
              </td>
               
             <!-- <td class="table-col" (click)="onSeletedChange(item)">
                <span class="table-t" (click)="onSeletedChange(item)"> {{item.ratedWindSpeed}}</span>
              </td>  
              <td class="table-col" (click)="onSeletedChange(item)">
                <span class="table-t" (click)="onSeletedChange(item)"> {{item.ratedRmp}}</span>
              </td>              -->
            </tr>
          </tbody>
        </table>
      </div>
    </div>
  </div>
</div>